<template>
  <div id="app">
    <div class="scroll-progress primary-bg"></div>
    <!-- <loading millsec="500"></loading> -->
    <layout-header></layout-header>
    <router-view />
    <bottom></bottom>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import layoutHeader from "@/components/layout/layout-header";
import Loading from "@/components/loading";
import LayoutFooter from '@/components/layout/layout-footer.vue';
import Bottom from '@/components/module/bottom';

export default {
  name: "App",
  components: {
    layoutHeader,
    Loading,
    LayoutFooter,
    Bottom
  },
  data() {
    return {
    }
  },
  methods: {
    
  },
  mounted() {
  }
};
</script>

<style>
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 8px;  /*滚动条宽度*/
    height: 8px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: rgb(233, 233, 233);/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: rgb(81, 190, 233);  /*滚动条的背景颜色*/
}
</style>
